<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="/templateSemMenu.xhtml">
         <ui:define name="bodyname">
             <h:outputText value="#{msg.cadastro}"/>
        </ui:define>
        <ui:define name="body">
            <h:form id="cadastro">
                <h:panelGrid columns="3">
                    <!-- 				Dados de cadastro 						-->
                    <div id="dadosCadastro">
                        <h3>
                            <h:outputText value="#{msg.dadosCadastrais}"
                                          styleClass="subTitulo" />
                        </h3>

                        <h:outputLabel styleClass="label" value="#{msg.username}"
                                       for="username" />
                        <h:inputText styleClass="camposEntrada" id="username"
                                     value="#{ControladorUsuario.us.login}" required="true"
                                     requiredMessage="#{msg.campoObrigatorio}"
                                     validatorMessage="#{msg.validacaoLogin}">
                            <f:validateLength minimum="3" maximum="30" />
                        </h:inputText>
                        <h:message styleClass="mensagenErro" id="usernameErro"
                                   for="username" />

                        <h:outputLabel styleClass="label" value="#{msg.senha}" for="senha" />
                        <h:inputSecret styleClass="camposEntrada" id="senha"
                                       value="#{ControladorUsuario.us.senha}" required="true"
                                       requiredMessage="#{msg.campoObrigatorio}"
                                       validatorMessage="#{msg.validacaoSenha}">
                            <f:validateLength minimum="6" maximum="30" />
                        </h:inputSecret>
                        <h:message styleClass="mensagenErro" id="senhaErro" for="senha" />

                        <h:outputLabel styleClass="label" value="#{msg.senha2}"
                                       for="senha2" />
                        <h:inputSecret styleClass="camposEntrada" id="senha2"
                                       value="#{ControladorUsuario.us.senha2}" required="true"
                                       requiredMessage="#{msg.campoObrigatorio}"
                                       validatorMessage="#{msg.validacaoSenha}">
                            <f:validateLength minimum="6" maximum="30" />
                        </h:inputSecret>
                        <h:message styleClass="mensagenErro" id="senha2Erro" for="senha2" />

                        <h:outputLabel styleClass="label" value="#{msg.email}" for="email" />
                        <h:inputText styleClass="camposEntrada" id="email"
                                     value="#{ControladorUsuario.us.email}" required="true"
                                     requiredMessage="#{msg.campoObrigatorio}"
                                     validatorMessage="#{msg.validacaoEmail}">
                            <f:validateLength minimum="3" maximum="30" />
                        </h:inputText>
                        <h:message styleClass="mensagenErro" id="emailErro" for="email" />

                    </div>
                    <!-- 			    Dados Pessoais 							-->
                    <div id="dadosPessoais">
                        <h3>
                            <h:outputText styleClass="subTitulo" value="#{msg.dadosPessoais}" />
                        </h3>
                        <h:outputLabel styleClass="label" value="#{msg.nome}" for="nome" />
                        <h:inputText styleClass="camposEntrada" id="nome"
                                     value="#{ControladorUsuario.us.nome}" required="true"
                                     requiredMessage="#{msg.campoObrigatorio}"
                                     validatorMessage="#{msg.validacaoNome}">
                            <f:validateLength minimum="3" maximum="30" />
                        </h:inputText>
                        <h:message styleClass="mensagenErro" id="nomeErro" for="nome" />

                        <h:outputLabel styleClass="label" value="#{msg.sobrenome}"
                                       for="sobrenome" />
                        <h:inputText styleClass="camposEntrada" id="sobrenome"
                                     value="#{ControladorUsuario.us.sobrenome}" required="true"
                                     requiredMessage="#{msg.campoObrigatorio}"
                                     validatorMessage="#{msg.validacaoSobrenome}">
                            <f:validateLength minimum="3" maximum="30" />
                        </h:inputText>
                        <h:message styleClass="mensagenErro" id="sobrenomeErro"
                                   for="sobrenome" />

                        <h:outputLabel styleClass="label" value="#{msg.cpf}" for="cpf" />
                        <h:inputText styleClass="camposEntrada" id="cpf"
                                     value="#{ControladorUsuario.us.cpf}" required="true"
                                     requiredMessage="#{msg.campoObrigatorio}"
                                     validatorMessage="#{msg.validacaoCPF}">
                            <f:validateLength minimum="6" maximum="30" />
                        </h:inputText>
                        <h:message styleClass="mensagenErro" id="cpfErro" for="cpf" />

                        <h:outputLabel styleClass="label" for="birthdate"
                                       value="#{msg.dtnasc}" />
                        <h:inputText styleClass="camposEntrada" id="birthdate"
                                     required="true" requiredMessage="#{msg.campoObrigatorio}"
                                     value="#{ControladorUsuario.us.dataNascimento}">
                            <f:convertDateTime type="date" dateStyle="short"
                                               pattern="dd/MM/yyyy" />
                        </h:inputText>
                        <h:message styleClass="mensagenErro" id="birthdateErro"
                                   for="birthdate" />


                        <h:outputText styleClass="label" value="#{msg.sexo}"></h:outputText>
                        <h:selectOneRadio value="#{ControladorUsuario.us.sexo}"
                                          required="true" requiredMessage="#{msg.campoObrigatorio}">
                            <f:selectItem id="masculino" itemLabel="#{msg.masculino}" itemValue="M" />
                            <f:selectItem id="feminino" itemLabel="#{msg.feminino}" itemValue="F" />
                        </h:selectOneRadio>
                        <p></p>
                        <p></p> 

                        <h:outputText styleClass="label" value="#{msg.estadocivil}"></h:outputText>
                        <h:selectOneRadio value="#{ControladorUsuario.us.estadoCivil}">
                            <f:selectItem id="solteiro" itemLabel="#{msg.solteiro}" itemValue="0" />
                            <f:selectItem id="casado" itemLabel="#{msg.comprometido}" itemValue="1" />
                        </h:selectOneRadio>
                        <p></p>

                        <h:outputLabel styleClass="label" value="#{msg.pais}" for="pais" />
                        <h:inputText styleClass="camposEntrada" id="pais"
                                     value="#{ControladorUsuario.us.pais}" required="true"
                                     requiredMessage="#{msg.campoObrigatorio}"
                                     validatorMessage="#{msg.msg2}">
                            <f:validateLength minimum="6" maximum="30" />
                        </h:inputText>
                        <h:message styleClass="mensagenErro" id="paisErro" for="pais" />

                        <h:outputLabel styleClass="label" value="#{msg.estado}"
                                       for="estado" />
                        <h:inputText styleClass="camposEntrada" id="estado"
                                     value="#{ControladorUsuario.us.estado}" required="true"
                                     requiredMessage="#{msg.campoObrigatorio}"
                                     validatorMessage="#{msg.msg2}">
                            <f:validateLength minimum="6" maximum="30" />
                        </h:inputText>
                        <h:message styleClass="mensagenErro" id="estadoErro" for="estado" />

                        <h:outputLabel styleClass="label" value="#{msg.cidade}"
                                       for="cidade" />
                        <h:inputText styleClass="camposEntrada" id="cidade"
                                     value="#{ControladorUsuario.us.cidade}" required="true"
                                     requiredMessage="#{msg.campoObrigatorio}"
                                     validatorMessage="#{msg.msg2}">
                            <f:validateLength minimum="3" maximum="30" />
                        </h:inputText>
                        <h:message styleClass="mensagenErro" id="cidadeErro" for="cidade" />

                        <h:outputLabel styleClass="label" value="#{msg.endereco}" for="endereco" />
                        <h:inputText styleClass="camposEntrada" id="endereco"
                                     value="#{ControladorUsuario.us.endereco}" required="true"
                                     requiredMessage="#{msg.campoObrigatorio}"
                                     validatorMessage="#{msg.msg2}">
                            <f:validateLength minimum="3" maximum="30" />
                        </h:inputText>
                        <h:message styleClass="mensagenErro" id="enderecoErro"
                                   for="endereco" />

                        <h:outputLabel styleClass="label" value="#{msg.complemento}"
                                       for="complemento" />
                        <h:inputText styleClass="camposEntrada" id="complemento"
                                     value="#{ControladorUsuario.us.complemento}" 
                                     validatorMessage="#{msg.msg2}">
                            <f:validateLength minimum="3" maximum="30" />
                        </h:inputText>
                        <h:message styleClass="mensagenErro" id="complementoErro"
                                   for="complemento" />
                        <p></p>
                         <h:commandButton value="#{msg.cadastrar}"
                                 action="#{ControladorUsuario.cadastrar}" styleClass="button"/>
                    </div>
                </h:panelGrid>
                <a href="index.jsf" class="button">${msg.voltar}</a>
               
                <p>
                    <h:messages styleClass="mensagemIformacao" globalOnly="true"
                                style="color: red" />
                </p>
            </h:form>
        </ui:define>
    </ui:composition>
</html>
